<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="yes" name="apple-touch-fullscreen">
  <meta content="telephone=no,email=no" name="format-detection">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
  <meta name="keywords" content="">
  <meta name="description" content="">
  <title>战斗力测试</title>
  <link rel="stylesheet" type="text/css" href="{$smarty.const.SITE_URL}/css/fighting_force/main.css?{time()}">
  <style>
    #mcover {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.8);
      display: none;
      z-index: 20000;
    }
    #mcover img {
      position: fixed;
      right: 18px;
      top: 5px;
      width: 260px!important;
      height: 180px!important;
      z-index: 20001;
    }
  </style>
</head>

<body>

<div id="baiduTongji" style="display:none;">
  <script type="text/javascript">
    var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
    document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F17afbea460bf7d7a358be0aec426984a' type='text/javascript'%3E%3C/script%3E"));

    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "//hm.baidu.com/hm.js?2c100d40d01f7b5aa808e911d9777bc8";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>
</div>

<!--首页 begin-->
<div class="page page-index">
  <div class="bg">
    <a href="javascript:void(0)" class="js_chooseImg" {*onclick="nbd.switch();"*}><img src="{$smarty.const.SITE_URL}/images/fighting_force/bg01.jpg"/></a>
  </div>
  <div class="bottom">
    <a href="http://www.newbd.com/events/newglass.html"><img src="{$smarty.const.SITE_URL}/images/fighting_force/bottom01.jpg?{time()}"/></a>
  </div>
</div>
<!--首页 end-->

<!--结果页 begin-->
<div class="page page-result hide">
  <!--暴力preload...-->
  <div class="hide">
    <img id="hideImg" src="{$smarty.const.SITE_URL}/images/fighting_force/thumb_IMG_8714_1024.jpg"/>
  </div>
  <div class="bg js_bg" style="background-image: url({$smarty.const.SITE_URL}/images/fighting_force/thumb_IMG_8714_1024.jpg)"></div>
  <div class="bottom hide">
    <a href="http://www.newbd.com/events/newglass.html"><img src="{$smarty.const.SITE_URL}/images/fighting_force/bottom01.jpg?{time()}"/></a>
  </div>
  <!--战斗力 begin-->
  <div class="fnum hide">
    <strong class="js_force"></strong>
  </div>
  <!--战斗力 end-->
  <!--分享按钮 begin-->
  <a href="javascript:void(0)" class="btn-share hide js_share"><img src="{$smarty.const.SITE_URL}/images/fighting_force/btn-share.png"/></a>
  <!--分享按钮 end-->
  <!--玻璃 begin-->
  <div class="glass hide">
				<span id="g1">
					<img src="{$smarty.const.SITE_URL}/images/fighting_force/o01.png"/>
				</span>
				<span id="g2">
					<img src="{$smarty.const.SITE_URL}/images/fighting_force/o02.png"/>
				</span>
  </div>
  <!--玻璃 end-->
  <!--按钮 begin-->
  <div class="btn01">
    <a class="hide" href="{AnUrl('events/fighting_force')}"><img src="{$smarty.const.SITE_URL}/images/fighting_force/btn02.png"/></a>
				<span class="txt">
					<span class="bg"><img class="hide" src="{$smarty.const.SITE_URL}/images/fighting_force/bg03.png"/></span>
					<p class="hide js_content">每天吃烤腰子提升战斗力<br>然而并没有什么卵用</p>
				</span>
  </div>
  <!--按钮 end-->
</div>
<!--结果页 end-->
<div id="mcover" style="display: none;">
  <img src="{$smarty.const.SITE_URL}/images/guide.png">
</div>


<script src="{$smarty.const.SITE_URL}/helper/bower_components/jquery/dist/jquery.min.js"></script>
{load_js file="jweixin-1.0.0.js"}
{*load_js file="fighting_force/wx.js?{time()}"*}
<script src="{$smarty.const.SITE_URL}/js/fighting_force/main.js"></script>
{$config = js_api_helper::get_jsapi_config()}

</body>
<script>
  var siteUrl       = "{$smarty.const.SITE_URL}";
  var isPost = 0;
  wx.config({
    debug: false,
    appId: '{$config.appid}',
    timestamp: '{$config.timestamp}',
    nonceStr: '{$config.noncestr}',
    signature: '{$config.signature}',
    jsApiList: ['chooseImage',
      'previewImage',
      'uploadImage',
      'onMenuShareTimeline',
      'onMenuShareAppMessage'
    ]
  });

  var title   = '什么？我的战斗力竟然是5，谁敢跟我打一架试试？';
  var desc    = '赛亚人同款智能眼镜棒棒的，快测测大家的战斗力，看有没有比较好欺负的！';
  var link    = siteUrl + '/events/fighting_force';
  var imgUrl  = siteUrl + '/images/share_logo.jpg';

  wx.ready(function(){
    // 2:分享到朋友圈
    wx.onMenuShareTimeline({
      title:title, // 分享标题
      link: link, // 分享链接
      imgUrl: imgUrl, // 分享图标
      success: function () {
        // 用户确认分享后执行的回调函数

      },
      cancel: function () {
        // 用户取消分享后执行的回调函数

      }
    });

    // 3: 分享给朋友
    wx.onMenuShareAppMessage({
      title: title, // 分享标题
      desc: desc, // 分享描述
      link: link, // 分享链接
      imgUrl: imgUrl, // 分享图标
      type: '', // 分享类型,music、video或link，不填默认为link
      dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
      success: function () {
        // 用户确认分享后执行的回调函数
      },
      cancel: function () {
        // 用户取消分享后执行的回调函数
      }
    });

    // 4:分享到QQ
    wx.onMenuShareQQ({
      title: title, // 分享标题
      desc: desc, // 分享描述
      link: link, // 分享链接
      imgUrl: imgUrl, // 分享图标
      success: function () {
        // 用户确认分享后执行的回调函数
      },
      cancel: function () {
        // 用户取消分享后执行的回调函数
      }
    });

    // 5:分享到腾讯微博
    wx.onMenuShareWeibo({
      title: title, // 分享标题
      desc: desc, // 分享描述
      link: link, // 分享链接
      imgUrl: imgUrl, // 分享图标
      success: function () {
        // 用户确认分享后执行的回调函数
      },
      cancel: function () {
        // 用户取消分享后执行的回调函数
      }
    });
  });

  $(function(){

      $(".js_chooseImg").on('click', function(){
        if (isPost) {
          alert('图片上传中');
          return;
        }
        wx.chooseImage({
          success: function (res) {
            var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
            wx.uploadImage({
              localId: localIds[0], // 需要上传的图片的本地ID，由chooseImage接口获得
              isShowProgressTips: 1, // 默认为1，显示进度提示
              success: function (res) {
                isPost = 1;
                var serverId = res.serverId; // 返回图片的服务器端ID

                $.post(siteUrl+'/events/fighting_force/download', { 'server_id':serverId }, function(json){
                  if (json.info =! 'ok') {
                    alert(json.info);
                    isPost = 0;
                    return;
                  }
                  var imgPath = siteUrl + json.path;
                  $("#hideImg").attr("src", imgPath);
                  $(".js_bg").css("background-image", 'url(' + imgPath + ')');
                  $(".js_force").text(json.force);
                  $(".js_content").html(json.content);
                  nbd.switch();

                  var title   = '什么？我的战斗力竟然是'+json.force+'，谁敢跟我打一架试试？';
                  var desc    = '赛亚人同款智能眼镜棒棒的，快测测大家的战斗力，看有没有比较好欺负的！';
                  var link    = siteUrl + '/events/fighting_force/'+json.createinfo;
                  var imgUrl  = siteUrl + '/images/share_logo.jpg';

                  // 2:分享到朋友圈
                  wx.onMenuShareTimeline({
                    title:title, // 分享标题
                    link: link, // 分享链接
                    imgUrl: imgUrl, // 分享图标
                    success: function () {
                      // 用户确认分享后执行的回调函数

                    },
                    cancel: function () {
                      // 用户取消分享后执行的回调函数

                    }
                  });

                  // 3: 分享给朋友
                  wx.onMenuShareAppMessage({
                    title: title, // 分享标题
                    desc: desc, // 分享描述
                    link: link, // 分享链接
                    imgUrl: imgUrl, // 分享图标
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function () {
                      // 用户确认分享后执行的回调函数
                    },
                    cancel: function () {
                      // 用户取消分享后执行的回调函数
                    }
                  });

                  // 4:分享到QQ
                  wx.onMenuShareQQ({
                    title: title, // 分享标题
                    desc: desc, // 分享描述
                    link: link, // 分享链接
                    imgUrl: imgUrl, // 分享图标
                    success: function () {
                      // 用户确认分享后执行的回调函数
                    },
                    cancel: function () {
                      // 用户取消分享后执行的回调函数
                    }
                  });

                  // 5:分享到腾讯微博
                  wx.onMenuShareWeibo({
                    title: title, // 分享标题
                    desc: desc, // 分享描述
                    link: link, // 分享链接
                    imgUrl: imgUrl, // 分享图标
                    success: function () {
                      // 用户确认分享后执行的回调函数
                    },
                    cancel: function () {
                      // 用户取消分享后执行的回调函数
                    }
                  });

                }, 'json');
              }
            });
          }
        });

      });

      $(".js_share").click(function(){
        $("#mcover").show();
      });

      $("#mcover").click(function(){
        $("#mcover").hide();
      });

  });
</script>
</html>